<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>点击我刷新页面</button>
    <button>点击我获取地址栏的哈希值</button>
    <script>
        //1. 刷新本页面 location.reload
        //   var btnEle =   document.querySelector("button");
        //   btnEle.onclick = function(){
        //     window.location.reload();
        //   }

        // //    window.location.reload();


        // 2.获取地址栏的哈希值；地址栏 # 后面的内容；
        // 设置 #后面的参数；
        // window.location.hash 1.可以获取 哈希值；2.设置哈希值；
        // hash 参数；
        // http://127.0.0.1:5500/day12/4.%E5%9C%B0%E5%9D%80%E6%A0%8F%E7%9B%B8%E5%85%B32.html#456
        // 和 http://127.0.0.1:5500/day12/4.%E5%9C%B0%E5%9D%80%E6%A0%8F%E7%9B%B8%E5%85%B32.html
        // http://127.0.0.1:5500/day12/4.%E5%9C%B0%E5%9D%80%E6%A0%8F%E7%9B%B8%E5%85%B32.html#789

        var btnEle = document.querySelectorAll("button")[1];
        btnEle.onclick = function () {
            //    console.log(window.location.hash);
            window.location.hash = "hello";
            console.log(window.location.hash);
        }

        // 不跳转页面 切换 a 页面和b页面；
        // 不跳转切换页面的方式 ：spa：单页面应用；


    </script>
</body>

</html>